<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="Content-Style-Type" content="text/css">
        <meta http-equiv="Content-Script-Type" content="text/javascript">
        
<title>WebCedis</title>
        <link type="text/css" href="src/style.css" rel="stylesheet" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
	<script type="text/javascript" src="src/ui.core.min.js"></script>
	<script type="text/javascript" src="src/ui.sortable.min.js"></script>
	<script type="text/javascript" src="src/jquery.metadata.js"></script>
	<script type="text/javascript" src="src/mbTabset.js"></script>

	<link rel="stylesheet" type="text/css" href="src/mbTabset.css" title="style"  media="screen"/>
	<script type="text/javascript">
		$(function(){
			$("#tabset1").buildMbTabset({
				stop:function(){if ($("#array").is(":checked")) alert($.mbTabset.mbTabsetArray)},
				sortable:true
			});
			//$("#b").selectMbTab();
		});
    var ajaxUrl="content_2.html";    
    var ajaxD="pippo=1&pluto=2";

	</script>
     
</head>

<body>
<div id="wrap"> 
  <div id="PrincipalPage"> 
       <div id="header">
         <div id="webcedis"></div>
       </div>
         
    <div id="Contenedor">
      
<div class="wrapper">
	<div class="tabset" id="tabset1">
    <a id="a" class="tab {content:'cont_1'}">tab 1</a>
    <a id="b" class="tab sel {content:'cont_2', ajaxContent:ajaxUrl,ajaxData:ajaxD}">tab 2 con contenuto via ajax</a>
    <a id="c" class="tab disabled block {content:'cont_3'}">tab 3</a>
    <a id="d" class="tab {content:'cont_4'}" >tab 4</a>
</div>

	<!--content of tabset "tabset1"-->

	<div id="cont_3">
		<h3>content 3</h3>
	</div>
	<div id="cont_4">
		<h3>content 4</h3>
	</div>
	<div id="cont_1">
		<h3>content 1</h3>
		
	</div>
</div>
   </div>
  <div style="clear:both"></div>
   </div>
     

</div>
   
<!-- activate tabs with JavaScript -->
<script>
$(function() { 
 
    $("flowtabs").tabs("div.flowpanes > div", function(i) { 
 
        // get the pane to be opened 
        var pane = this.getPanes().eq(i); 
 
        // if it is empty .. 
        if (pane.is(":empty")) { 
 
            // load it with a page specified in the tab's href attribute 
            pane.load(this.getTabs().eq(i).attr("href")); 
        } 
 
    }); 
 
});

</script> 
   
</body>
</html>